import React from 'react';
import ReactDom from 'react-dom';
import {BrowserRouter,HashRouter, Route, Switch} from 'react-router-dom';

import './containers/Common.less';

import IntroductionContainer from './containers/IntroductionContainer';
import EducationWorkContainer from './containers/EducationWorkContainer';
import ProjectContainer from './containers/ProjectContainer';
import TechnologyContainer from './containers/TechnologyContainer';
import PageNotFoundContainer from './containers/PageNotFoundContainer';

ReactDom.render(
    <HashRouter>
        <Switch>
            <Route path="/" exact component={IntroductionContainer}/>
            <Route path="/Introduction" exact component={IntroductionContainer}/>
            <Route path="/EducationWork" exact component={EducationWorkContainer}/>
            <Route path="/Project" exact component={ProjectContainer}/>
            <Route path="/Technology" exact component={TechnologyContainer}/>
            <Route component={PageNotFoundContainer}/>
        </Switch>
    </HashRouter>,
    document.getElementById("resume-app")
);